.nav{
    background-image: url("../images/bg.png");
    background-size: cover;
}
.top{
    margin-top: -10px;
    margin-bottom: -10px;
}
.top-right{
    float: right;
    margin-top: -100px;
    margin-right: 25px;
}
.top-left{
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 13px;
}
.datetime{
    margin-top: -60px;
    margin-left: 100px;
    position:absolute;
}
.time{
    font-size: 24px;
    color: #333333;
}
#position001{
    position: absolute;
    background-image: url(../images/tou1.png);
    left: 74.5%;
    top: 43%;
}
#position002{
    position: absolute;
    background-image: url(../images/tou2.png);
    left: 79.6%;
    top: 43%;
}
#position003{
    position: absolute;
    background-image: url(../images/tou3.png);
    left: 84%;
    top: 43%;
}
#position004{
    position: absolute;
    background-image: url(../images/tou4.png);
    left: 88.5%;
    top: 43%;
}
#position005{
    position: absolute;
    background-image: url(../images/tou5.png);
    left: 86%;
    top: 43%;
}
#position01{
    position: absolute;
    left: 73%;
    top: 66%;
    font-size: 13px;
}
#position02{
    position: absolute;
    left: 79.8%;
    top: 66%;
    font-size: 13px;
}
#position03{
    position: absolute;
    left: 83.6%;
    top: 66%;
    font-size: 13px;
}
#position04{
    position: absolute;
    left: 87.9%;
    top: 66%;
    font-size: 13px;
}
#position05{
    position: absolute;
    left: 85.5%;
    top: 66%;
    font-size: 13px;
}
#alert{
	position: absolute;
    left: 96.1%;
    top: 10%;
}
#position001,#position002,#position003,#position004,#position005{
    background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
    height: 30px;
    width: 33px;
    text-align: center;
}
.positionx{
    height:30px;
    width:33px;
    background-image: url(../images/tou_duihao.png);
    background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
}
.appInfo{
    font-size: 30px;
    position: absolute;
    left: 46px;
}
.part{
    height: 300px;
    margin: 1%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.part2 {
    height: 255px;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 1.5%;
}
.title{
    text-align: center;
    margin-bottom:15px;
}
.totalkth {
    width: 90%;
    height: 160px;
    margin-left: 20px;
    border: 1px solid #00752B;
    text-align: center;
}
.totaldttm {
    width: 90%;
    height: 70px;
    margin-left: 20px;
    padding-left: 0px;
    border: 1px solid #30a8d3;
    text-align: center;
    margin-bottom: 25px;
}
.font{
    font-family : "Microsoft YaHei UI";
    font-size: 20px;
    color: white;
    margin-left: 8px;
    margin-right: 8px;
}
.font1{
    font-family : "Microsoft YaHei UI";
    font-size: 28px;
    color: white;
}
.total0{
    margin-top: 29px;
    height: 100%;
    overflow: hidden;
}
.total1 {
    color: white;
    font-size: 13px;
    background-color: #00752B;
    height: 100%;
    padding-top: 40px;
}
.total2{
    color: white;
    font-size: 13px;
    background-color: #30a8d3;
    height: 100%;
    padding-top: 20px;
    padding-left: 11px;
}
.span{
    color: #00E517;
    font-family : "FZDHTK";
    font-size: 50px;
}
.span0{
    color: #00E517;
    font-family : "Microsoft YaHei UI";
    font-size: 20px;
}
.span1{
    color: #FFFFFF;
    font-family : "Microsoft YaHei UI";
    font-size: 13px;
}
.span2{
    color: #FFFFFF;
    font-family : "Microsoft YaHei UI";
    font-size: 20px;
}
.col-sm-9{
    text-align: left;
    margin-top: 5px;
    padding-left: 10px;
    height: 28px;
    overflow: hidden;
}
.foottable{
    width: 98%;
    margin-left: 1%;
    padding:3px;
}
.table{
    border: 1px solid rgba(255,255,255,0.5);
    margin-bottom: 0px;
	table-layout: fixed;
}
.thead{
    background-color: rgba(0,188,255,0.3);
}
.table thead tr th , .table tbody tr td{
    text-align: center;
    border: 1px solid rgba(255,255,255,0.5);
    font-size: 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.table thead tr th{
    color: white;
}
.white{
    color: white;
}
.green{
    background-color: rgba(0,150,0,0.3);
}
.mt-number-animate{ font-family: 'ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“'; line-height:40px; height: 40px;/*ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â®Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬ÂÃƒÆ’Ã‚Â¦Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â¤Ãƒâ€šÃ‚ÂºÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â«Ãƒâ€¹Ã…â€œÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂºÃƒâ€šÃ‚Â¦*/; font-size: 45px;/*ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â®Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬ÂÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¤Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â°Ãƒâ€šÃ‚Â*/ overflow: hidden; display: inline-block; position: relative; }
.mt-number-animate .mt-number-animate-dom{ width: 30px;/*ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â®Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¸Ãƒâ€šÃ‚ÂªÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬ÂÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â®Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂºÃƒâ€šÃ‚Â¦*/ text-align: center; float: left; position: relative; top: 0;}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span{ width: 100%; float: left;}
@keyframes blink{
    0%{opacity: 1;}
    50%{opacity: 1;}
    50.01%{opacity: 0;}
    100%{opacity: 0;}
}
@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
.blink{
    animation: blink .75s linear infinite;
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    color: #30a8d3;
}
.version{
	position: absolute;
	left: 90%;
    top: 97%;
}
#versionName{
	font-size: 5px;
	color: rgba(255,255,255,0.5);
}